.details{
	height: 100vh;
	background-color: #F3F3F3;
	.details_box{
		// height: 100%;
		position: relative;
		display: flex;
		    justify-content: center;
		.details_box_xia{
			    width: 100%;
			    height: 200rpx;
			    background: #0EA970;
			    border-radius: 0 0 11% 11%;
		}
		.details_box_top{
			width: 670rpx;
			// height: 1000rpx;
			background: #FFFFFF;
			border-radius: 28rpx 28rpx 28rpx 28rpx;
			position: absolute;
			top: 0;
			padding: 20rpx 20rpx;
			.details_box_top_header{
				.details_box_top_header_a{
					display: flex;
					justify-content: space-between;
					align-items: center;
					    padding: 20rpx 0;
					.text1{
						font-size: 30rpx;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #333333;
					}
					.text2{
						font-size: 32rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #0EA970;
					}
				}
				.details_box_top_header_b{
					font-size: 24rpx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #999999;
					.text1{
						
					}
					.text2{
						margin-left: 15rpx;
					}
					.text3{
						margin-left: 15rpx;
					}
				}
			}
			.details_box_top_header_c{
				width: 670rpx;
				// height: 514rpx;
				background: #F3F3F3;
				border-radius: 28rpx 28rpx 28rpx 28rpx;
				margin-top: 30rpx;
				.details_box_mingxi{
					    padding: 20rpx 20rpx;
					    height: 100%;
					.details_box_a{
						display: flex;
						align-items: center;
						.text1{
							width: 8rpx;
							height: 28rpx;
							background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
							border-radius: 8rpx 8rpx 8rpx 8rpx;
							opacity: 1;
							display: block;
						}
						.text2{
							font-size: 30rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #3D3D3D;
							margin-left: 10rpx;
						}
					}
					.details_box_b{
						padding: 0px 18rpx;
						.details_box_yyy{
							border-bottom: 1px solid #D0D0D0;
							padding: 16rpx 0;
							.details_box_bottom{
								display: flex;
								    justify-content: space-between;
								    padding: 4px 0rpx;
								.text1{
									font-size: 28rpx;
									font-family: Source Han Sans CN-Regular, Source Han Sans CN;
									font-weight: 400;
									color: #999999;
								}
								.text2{
									font-size: 28rpx;
									font-family: Source Han Sans CN-Regular, Source Han Sans CN;
									font-weight: 400;
									color: #333333;
								}
							}
						}
						.details_box_di{
							font-size: 30rpx;
							font-family: Source Han Sans CN-Medium, Source Han Sans CN;
							font-weight: 500;
							color: #0EA970;
							display: flex;
							    justify-content: space-between;
							    align-items: center;
								margin-top: 26rpx;
							
						}
					}
				}
			}
			.box{
				
			}
			.boxs{
				height: 144rpx;
			}
			.bottom{
				display: flex;
				    justify-content: space-between;
				    align-items: center;
					padding: 36rpx 20px;
				.text1{
					font-size: 32rpx;
					font-family: Source Han Sans CN-Medium, Source Han Sans CN;
					font-weight: 500;
					color: #0EA970;
				}
				.bottom_right{
					.text2{
						font-size: 28rpx;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #999999;
					}
					.text3{
						font-size: 32rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #0EA970;
					}
				}
			}
		}
	}
}